<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge"><!--ie使用edge渲染模式-->
    <meta name="renderer" content="webkit"><!--360渲染模式-->
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0, user-scalable=no">
    <title>缴纳保证金</title>
    <link rel="stylesheet" href="../css/basic.css">
    <style type="text/css">
        .register-info-area{
            height: auto;
            width: 90%;
            margin: auto;
        }
        .register-info-area ul{
        }
        .register-info-area ul li{
            position: relative;
            height: 1.2rem;
            width: 100%;
            border-bottom: 1px solid #e3e3e3;
        }
        .li-type{

        }
        .li-type{
            line-height: 1.6rem;
            display: block;
            color: #666;
            font-size: 0.28rem;
            height: 100%;
            width: 30%;
            left: 0;
        }
        .input-area{
            color: #666;
            background-color: transparent;
            font-size: 0.28rem;
            width: 70%;
            position: absolute;
            right: 0;
            bottom: 0.15rem;
            height: 0.5rem;
            outline: none;
            text-align: right;
        }
        .upload-btn-area{
            width: 100%;
            margin: 0.4rem auto 0 auto;
            height: 0.8rem;
            line-height: 0.8rem;
            font-size: 0.28rem;
        }
        .upload-btn{
            height: 100%;
            width: 100%;
            background-color: #F23A38;
            border-radius: 10px;
            outline: none;
            color: white;
            font-size: 0.28rem;
        }
        .input-num{text-align: left;left: 0}
        .history-area{height: 1rem;width: 100%;
        line-height: 1rem}
        .history-area a:first-child{float: left}
        .history-area a:last-child{float: right}
        .history-area a{font-size: 0.28rem;color: #666}
        .about-deposit{
            font-size: 0.28rem;
            color: #666;
            margin-top: 0.3rem;
            width: 100%;
            height: auto;
        }
        .about-deposit span{line-height: 0.8rem}
    </style>
    <script src="../lib/basicSize.js"></script>
</head>
<body>
<!--导航-->
<div class="top-nav-area">
    <ul>
        <a class="back-a" href="javascript:history.back(-1)"></a>
        <li>缴纳保证金</li>
    </ul>
</div>
<!--主体-->
<div class="main-body-area">
    <div class="register-info-area">
        <ul>
            <li>
                <span class="li-type">已缴纳保证金</span>
                <input class="input-area" type="text" readonly value="2000.00元">
            </li>
            <li>
                <input class="input-area input-num" type="text" placeholder="请输入缴纳金额">
            </li>
        </ul>
        <div class="upload-btn-area">
            <button class="upload-btn">确定缴纳</button>
        </div>
        <div class="history-area">
            <a href="./deposit.html">保证金记录</a>
            <a href="./returnPromise.html">退款申请</a>
        </div>
        <div class="about-deposit">
            <span>关于诚信保证金</span>
            <p>
                1.关于诚信保证金关于诚信保证金关于诚信保证金关于诚信保证金
            </p>
            <p>
                2.关于诚信保证金关于诚信保证金关于诚信保证金关于诚信保证金
            </p>
            <p>
                3.关于诚信保证金关于诚信保证金关于诚信保证金关于诚信保证金
            </p>
        </div>
    </div>

</div>
</body>
</html>